<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>浮动属性</title>
		<style type="text/css">
			#box1{
				width: 100px;
				height: 100px;
				background-color: #87CEEB;
				float: left;
			}
			#box2{
				width: 100px;
				height: 120px;
				background-color: #808080;
				float: left;
				
			}
			#box3{
				width: 100px;
				height: 150px;
				background-color: #9ACD32;
				float: left;
			}
			#box4{
				width: 200px;
				height: 100px;
				background-color: #DEB887;
				clear: both;
			}
			
		</style>
	</head>
	<body>
		<div id="box1">
			
		</div>
		
		<div id="box2">
			
		</div>
		
		<div id="box3">
			
		</div>
		
		<div id="box4">
			
		</div>
	
		
	</body>
</html>
